﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页--针对不同职业性质的简历</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="css/mycss.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a  class="navbar-brand" href="index.html">在线简历制作</a>
    </div>
    <div class="collapse navbar-collapse container" id="example-navbar-collapse">
        <ul class="nav nav-pills navbar-right navbar-collapse ">
            <li role="presentation" class="active"><a href="index.html">首页</a></li>
            <li role="presentation"><a href="#td">网站特点</a></li>
            <li role="presentation"><a href="#jumbotron">制作简历</a></li>
            <li role="presentation"><a href=""></a></li>
        </ul>
    </div>
    </nav>
<!--滚动-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/ban.jpg" alt="">
            <div class="carousel-caption">
                <h1 size="100%">职业特性 决定 简历样式</h1>
                <h3 size="100%">高效 快速制作心仪的简历</h3>
                <h3 size="100%">杜绝千篇一律 成功捕获HR</h3>
            </div>
        </div>
        <div class="item">
            <img src="img/ban2.jpg" alt="">
            <div class="carousel-caption">
                <h1 size="100%">职业性质稳重</h1>
                <h3 size="100%">工作性质趋于稳重例如会计、计算机类。</h3>
                <h3 size="100%">HR需要短时间内筛选大量简历。</h3>
                <h3 size="100%">简历内容需要精简，关键词明显且方便HR提取关键信息。</h3>
            </div>
        </div>
        <div class="item">
            <img src="img/ban3.jpg" alt="">
            <div class="carousel-caption">
                <h1>创意设计类职业</h1>
                <h3>工作性质趋于创造型，例如广告、设计类。</h3>
                <h3>HR需要短时间内筛选大量简历。</h3>
                <h3>简历内容需要精简，关键词明显且方便HR提取关键信息。</h3>
            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--网站特点-->
<div class="jumbotron td " id="td">
    <form class="td-forms">
        <h3>网 站 特 色 <span class="label label-default">New</span></h3>
    <p class="bq alert-warning pmag">
        本站主要针对应聘者对与如何制作简历以及所作出的简历符合HR的要求，让HR对应聘者印象深刻,从而获得面试机会。
    </p>
    <p class="bq alert-danger" >
        面对市场上众多简历制作网站，其制作特点全都类似，且成品单一，没有多大的特点，对于部分职业适合，但不是适用于所有职业。
    </p>
    <p class="bq alert-info">
        本站主要特色是在传统简历制作上，针对职业的性质不同，对职业性质分类，增加专门针对<strong>创意性强的职业</strong>的应聘者制作<strong><a href="">创意性简历</a></strong>，内容自由程度高，用户可以根据自己的想法真正意义上的设计自己的简历样式，打破传统，在提交简历的同时，也证明了自己在设计、创意等方面的实力。
    </p>
    </form>
</div>
<!--巨幕-->
<div class="jumbotron" id="jumbotron">
    <div class="container xc">
        <h2>创意版（创意设计类职业）</h2>
        <p>通过个人能力，设计个性简历。</p>
        <p>瞬间赢得HR“芳心”。</p>
        <p><a class="btn btn-primary btn-lg" href="canvas.html" role="button">开始制作</a></p>
    </div>
</div>
<div class="jumbotron" >
    <div class="container xc-right">
        <h2>普通版（服务管理类职业）</h2>
        <p>职业性质稳重，人员不要求太过张扬。</p>
        <p>简历格式偏正式，但不呆板。</p>
        <p><a class="btn btn-primary btn-lg" href="write.php" role="button">开始制作</a></p>
    </div>
</div>
<!--脚部-->

<footer>
    <p class=" pull-right" ><a href="#" id="back-to-top" >回到顶部</a></p>
    <p class="bq"> ©by滑翔伞</p>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/npm.js"></script>
<script>
    $(function(){
            //当点击跳转链接后，回到页面顶部位置
            $("#back-to-top").click(function(){
                $('body,html').animate({scrollTop:0},1000);
                return false;
            });
        });
</script>
</body>
</html>